<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/head.css">
    <link rel="stylesheet" href="./css/foot.css">
    <link rel="stylesheet" href="./css/slider.css">
    <link rel="stylesheet" href="./css/index2.css">
    <script src="./lib/jquery.js"></script>
    <script>
        $(function(){
            $("#banner .category li ").mouseenter(function(){
                
                $(this).find("p").addClass("active_p")
                $(this).find("div").addClass("active_div")
            })
            $("#banner .category li ").mouseleave(function(){
                $(this).find("p").removeClass("active_p")
                $(this).find("div").removeClass("active_div")
            })
            //电子书 手风琴:
            $(".ebook_right>ul>li").mouseenter(function(){
                //鼠标移入 隐藏标题  显示盒子
                $(this).find("h3").addClass("title_hide")
                $(this).find("div").addClass("book_show")

                //其他li的 h3 删除 类名
                $(this).siblings().find("h3").removeClass("title_hide")
                //其他li的 div 删除类名
                $(this).siblings().find("div").removeClass("book_show")
            })
        
        })
    </script>
</head>
<body>
    <!-- 头部开始 -->
    <div class="head">
        <div class="wraper top clearfix">
            <a href="#" class="a_left">legochina.cn</a>
            <span class="span_right fr">
                欢迎光临
                <a href="#" class="a1">乐购</a>
                ,请 登录\
                <a href="#" class="a1">登录</a>
            </span>
            <!-- logo区域 -->
            <h1><img src="./imgs/logo.jpg" alt="" class="img_logo"></h1>
            <!-- 搜索栏区域 -->
           <div class="each">
                <form action="#" class="ssk">
                    <input type="text" placeholder="创意文具 ">
                    <input type="button">
                </form>
                <div class="fr clearfix">
                    <span class="span1 fl">
                        <a href="#">&emsp;购物车</a>
                    </span>
                    <span class="span2 fr">
                        <a href="#">我的订单</a>
                    </span>
                </div>
           </div>
           <!-- 分类区 -->
           <ul class="clearfix">
               <li><a href="#">图书</a></li>
               <li><a href="#">电子书</a></li>
               <li><a href="#">原创文学</a></li>
               <li><a href="#">服装</a></li>
               <li><a href="#">户外运动</a></li>
               <li><a href="#">孕婴童</a></li>
               <li><a href="#">家居</a></li>
               <li><a href="#">创意文具</a></li>
               <li><a href="#">地方特产</a></li>
               <li><a href="#">海外购</a></li>
               <li><a href="#">电器城</a></li>
           </ul>
        </div>
    </div>
    <!-- 头部结束 -->

    <!-- 2.banner -->
    <div id="banner" class="wraper clearfix">
        <!-- 分类菜单 -->
        <ul class="category fl">
            <!-- <li>
                <p>图书,电子书,童书</p>
                <div>
                    box1
                </div>
            </li> -->
            <script>
                let data_p=[
                    "图书,电子书,童书1",
                    "图书,电子书,童书2",
                    "图书,电子书,童书3",
                    "图书,电子书,童书4",
                    "图书,电子书,童书5",
                    "图书,电子书,童书6",
                    "图书,电子书,童书7",
                    "图书,电子书,童书8",
                    "图书,电子书,童书9",
                    "图书,电子书,童书10",
                    "图书,电子书,童书11",
                    "图书,电子书,童书12",
                    "图书,电子书,童书13",
                    "图书,电子书,童书14"
                  
                ]
            let data_div=[
                "box1",
                "box2",
                "box3",
                "box4",
                "box5",
                "box6",
                "box7",
                "box8",
                "box9",
                "box10",
                "box11",
                "box12",
                "box13",
                "box14"
            ]
            for(let i=0;i<14;i++){
                document.write(`<li>
                <p>${data_p[i]}</p>
                <div>
                   ${data_div[i]}
                </div>
            </li>`)
            }
            </script>
        </ul>
        <!-- 轮播开始 -->
        <div class="pptbox" id="bannerInner">
            <!--轮播的内容-->
            <ul class="innerwrapper">
              <li>
                <img src="imgs/banner1.jpg" />
              </li>
              <li>
                <a href="#"></a><img src="imgs/banner2.jpg" /></a>
              </li>
              <li>
                <a href="#"><img src="imgs/banner3.jpg" /></a>
              </li>
              <li>
                <a href="#"><img src="imgs/banner4.jpg" /></a>
              </li>
              <li>
                <a href="#"><img src="imgs/banner5.jpg" /></a>
              </li>
              <li>
                  <a href="#"><img src="./imgs/banner1 (2).jpg" alt=""></a>
              </li>
            </ul>
            <!--数字控制器-->
            <ul class="controls" id="my_controls">
              <li class="current">1</li>
              <li>2</li>
              <li>3</li>
              <li>4</li>
              <li>5</li>
              <li>6</li>
            </ul>
            <!--按钮控制器-->
            <span class="btnleft"></span>
            <span class="btnright"></span>
          </div>
          <!--轮播结束-->
          
          <script src="./lib/slider.js"></script>
          <script type="text/javascript">
            //主轮播图
            $("#bannerInner").tyslide({
              boxh: 430,//盒子的高度
              w: 1000,//盒子的宽度
              h: 400,//图片的高度
              isShow: true,//是否显示控制器
              isShowBtn: true,//是否显示左右按钮
              controltop: 0,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
              controlsW: 20,//控制按钮宽度
              controlsH: 20,//控制按钮高度
              radius: 10,//控制按钮圆角度数
              controlsColor: "#d7d7d7",//普通控制按钮的颜色
              controlsCurrentColor: "#ff6600",//当前控制按钮的颜色
              isShowNum: true //是否显示数字
            });
           
          </script>
          
    </div>
   
    <!-- 今日推荐区域 -->
    <div class="recommend wraper clearfix">
        <h2>乐购 今日推荐</h2>
        <ul>
            <!-- <li>
                <img src="./imgs/product01.jpg" alt="">
                <img src="./imgs/limitTime.jpg" alt="">
                <p>黑爵青蜂侠刘键电竞游戏鼠标</p>
                <p>全国联保 一年免费包换</p>
                <p> ¥ :299</p>
            </li> -->
            <script>
                for(let i=0;i<12;i++){
                    if(i<=5){
                        document.write(`
                    <li>
                        <img src="./imgs/product01.jpg" alt="">
                        <img src="./imgs/limitTime.jpg" alt="">
                        <p>黑爵青蜂侠刘键电竞游戏鼠标</p>
                        <p>全国联保 一年免费包换</p>
                        <p> ¥ :299</p>
                    </li>`)
                    }else{
                        document.write(`
                    <li>
                        <img src="./imgs/index06_11.jpg" alt="">
                        <img src="./imgs/limitTime.jpg" alt="">
                        <p>小熊家用静音加湿器</p>
                        <p>唯美外观 微米级喷雾</p>
                        <p> ￥:89</p>
                    </li>`)
                    }
                   
                }
            </script>
        </ul>
    </div>
    <!-- 今日推荐区域结束 -->

    <!-- 电子书区域 -->
    <div id="ebook" class="container wraper clearfix floor">
        <!-- ebook左边 -->
        <div class="ebook_left fl">
            <!-- 左边上部分 -->
            <div class="ebook_left_top clearfix">
                <h2 class="title fl">
                    图书 电子书
                </h2>
                <ul class="ebook_tab fr clearfix">
                    <li class="active">最新上架</li>
                    <li>畅销书籍</li>
                    <li>电子书</li>
                </ul>
            </div>
            <!-- 左边下方 -->
            <div class="ebook_left_bottom clearfix">
                <!-- 书籍分类 -->
                <div class="book_category fl">
                    <img src="./imgs/index7_07.jpg" alt="">
                    <ul class="clearfix">
                        <li>
                            中小学教辅
                        </li>
                        <li>
                            外语
                        </li>
                        <li>
                            考试
                        </li>

                        <li>
                            中小学教辅
                        </li>
                        <li>
                            外语
                        </li>
                        <li>
                            考试
                        </li>

                        <li>
                            中小学教辅
                        </li>
                        <li>
                            外语
                        </li>
                        <li>
                            考试
                        </li>

                        <li>
                            中小学教辅
                        </li>
                        <li>
                            中小学教辅
                        </li>
                        <li>
                            中小学教辅
                        </li>
                    </ul>
                </div>
                <!-- 最新书籍列表 -->
                <ul class="book_list clearfix fr show">
                    
                    <li>
                         <!--轮播开始-->
                        <div class="pptbox fl" id="ebook_slider">
                            <!--轮播的内容-->
                            <ul class="innerwrapper">
                            <li>
                                <img src="imgs/banner1.jpg" />
                            </li>
                            <li>
                                <a href="#"></a><img src="imgs/banner2.jpg" /></a>
                            </li>
                            <li>
                                <a href="#"><img src="imgs/banner3.jpg" /></a>
                            </li>
                            <li>
                                <a href="#"><img src="imgs/banner4.jpg" /></a>
                            </li>
                            
                            </ul>
                            <!--数字控制器-->
                            <ul class="controls" id="my_num_controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>
                                
                            </ul>
                            <!--按钮控制器-->
                            <span class="btnleft"></span>
                            <span class="btnright"></span>
                        </div>
                        <!--轮播结束-->
                    </li>
                   
                   
                    <script>
                        for(let i=0;i<6;i++){
                            document.write(`
                            
                            <li>
                                <p class="p1 font18 c3">奥运狂欢</p>
                                <p class="p2 font14 cf60">10万种电子书直降40%</p>
                                <div>
                                    <img src="./imgs/index09_05.jpg" alt="">
                                </div>
                                <p class="ti15">
                                    <span class="font14 cf42">&yen;49</span>
                                    <span class="font14 c3">&yen;79</span>
                                </p>
                            </li>
                            
                            `)
                        }
                    </script>
                </ul>

                 <!-- 最新书籍列表 -->
                 <ul class="book_list clearfix fr">
                    
                    <li>
                         <!--轮播开始-->
                        <div class="pptbox fl" id="ebook_slider" >
                            <!--轮播的内容-->
                            <ul class="innerwrapper">
                            <li>
                                <img src="imgs/banner1.jpg" />
                            </li>
                            <li>
                                <a href="#"></a><img src="imgs/banner2.jpg" /></a>
                            </li>
                            <li>
                                <a href="#"><img src="imgs/banner3.jpg" /></a>
                            </li>
                            <li>
                                <a href="#"><img src="imgs/banner4.jpg" /></a>
                            </li>
                            
                            </ul>
                            <!--数字控制器-->
                            <ul class="controls" id="my_num_controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>
                                
                            </ul>
                            <!--按钮控制器-->
                            <span class="btnleft"></span>
                            <span class="btnright"></span>
                        </div>
                        <!--轮播结束-->
                    </li>
                   
                   
                    <script>
                        for(let i=0;i<6;i++){
                            document.write(`
                            
                            <li>
                                <p class="p1 font18 c3">哈哈哈哈</p>
                                <p class="p2 font14 cf60">10万种电子书直降40%</p>
                                <div>
                                    <img src="./imgs/index09_05.jpg" alt="">
                                </div>
                                <p class="ti15">
                                    <span class="font14 cf42">&yen;49</span>
                                    <span class="font14 c3">&yen;79</span>
                                </p>
                            </li>
                            
                            `)
                        }
                    </script>
                    
                </ul>

                 <!-- 最新书籍列表 -->
                 <ul class="book_list clearfix fr">
                    
                    <li>
                         <!--轮播开始-->
                        <div class="pptbox fl" id="ebook_slider" >
                            <!--轮播的内容-->
                            <ul class="innerwrapper">
                            <li>
                                <img src="imgs/banner1.jpg" />
                            </li>
                            <li>
                                <a href="#"></a><img src="imgs/banner2.jpg" /></a>
                            </li>
                            <li>
                                <a href="#"><img src="imgs/banner3.jpg" /></a>
                            </li>
                            <li>
                                <a href="#"><img src="imgs/banner4.jpg" /></a>
                            </li>
                            
                            </ul>
                            <!--数字控制器-->
                            <ul class="controls" id="my_num_controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>
                                
                            </ul>
                            <!--按钮控制器-->
                            <span class="btnleft"></span>
                            <span class="btnright"></span>
                        </div>
                        <!--轮播结束-->
                    </li>
                   
                   
                    <script>
                        for(let i=0;i<6;i++){
                            document.write(`
                            
                            <li>
                                <p class="p1 font18 c3">呵呵呵呵呵</p>
                                <p class="p2 font14 cf60">10万种电子书直降40%</p>
                                <div>
                                    <img src="./imgs/index09_05.jpg" alt="">
                                </div>
                                <p class="ti15">
                                    <span class="font14 cf42">&yen;49</span>
                                    <span class="font14 c3">&yen;79</span>
                                </p>
                            </li>
                            
                            `)
                        }
                    </script>
                </ul>
            </div>
        </div>
        <!-- ebook右边 -->
        <div class="ebook_right fr">
            <h2>新书畅销榜</h2>
            <ul>
                <li>
                    <span>1</span>
                    <h3 class="title_hide">哈哈哈哈哈哈哈啊哈哈</h3>
                    <div class="clearfix book_show">
                        <img src="./imgs/index08_05.jpg" alt="" class="fl">
                        <p class="fl">
                            从你的世界路过
                            入选央视“2014中国好书”的80后作品！
                            十年华语畅销小说，王家卫陈国富倾力推荐， 
                            1500万次转发，超4亿次阅读
                        </p>
                    </div>
                </li>
               <script>
                   for(let i=1;i<7;i++){
                    document.write(`
                    <li>
                        <span>${i+1}</span>
                        <h3 class="">哈哈哈哈哈哈哈啊哈哈</h3>
                        <div class="clearfix">
                            <img src="./imgs/index08_05.jpg" alt="" class="fl">
                            <p class="fl">
                                从你的世界路过
                                入选央视“2014中国好书”的80后作品！
                                十年华语畅销小说，王家卫陈国富倾力推荐， 
                                1500万次转发，超4亿次阅读
                            </p>
                        </div>
                    </li>
                    
                    `)
                   }
               </script>
            </ul>
        </div>
    </div>

   <!-- 服装区域 -->
   <div class="clothing wraper clearfix floor">
    <!-- 最上面 -->
    <div class="clothing1 clearfix">
        <span class="span1">服装</span>
        <p class="fr clothing1_p">
            <span class="active">女装内衣</span>
            <span>热销男装</span>
            <span>精品鞋靴</span>
        </p>
    </div>
    <!-- 中间 -->
    <div class="clothing_big clearfix">
        <div class="clothing2 fl">
            <img src="./imgs/index7_17.jpg" alt="">
            <p>中小学教辅 &emsp;外语 &emsp;&emsp;考试</p>
            <p>中小学教辅 &emsp;外语 &emsp;&emsp;考试</p>
            <p>中小学教辅 &emsp;外语 &emsp;&emsp;考试</p>
            <p>中小学教辅 &emsp;外语 &emsp;&emsp;考试</p>
        </div>
        <div class="clothing3 fl">
            <div>
                <!--轮播开始-->
                <div class="pptbox fl" >
                    <!--轮播的内容-->
                    <ul class="innerwrapper">
                    <li>
                        <img src="imgs/banner1.jpg" />
                    </li>
                    <li>
                        <a href="#"></a><img src="imgs/banner2.jpg" /></a>
                    </li>
                    <li>
                        <a href="#"><img src="imgs/banner3.jpg" /></a>
                    </li>
                    <li>
                        <a href="#"><img src="imgs/banner4.jpg" /></a>
                    </li>
                    
                    </ul>
                    <!--数字控制器-->
                    <ul class="controls" id="my_num_controls">
                        <li class="current">1</li>
                        <li>2</li>
                        <li>3</li>
                        <li>4</li>
                        
                    </ul>
                    <!--按钮控制器-->
                    <span class="btnleft"></span>
                    <span class="btnright"></span>
                </div>
            </div>
            <img src="./imgs/index11_08.jpg" alt="">
        </div>
        <div class="clothing4 fl">
            <ul class="clearfix">
                <li><img src="./imgs/index12_05.jpg" alt=""></li>
                <li><img src="./imgs/index12_05.jpg" alt=""></li>
                <li><img src="./imgs/index12_05.jpg" alt=""></li> 
            </ul>
        </div>
    </div>
     <!-- 最下面 -->
    <div class="clothing_small clearfix">
        <ul>
            <li><img src="./imgs/index15_13.jpg" alt=""></li>
            <li><img src="./imgs/index15_14.jpg" alt=""></li>
            <li><img src="./imgs/logo13_11.jpg" alt=""></li>
            <li><img src="./imgs/logo13_12.jpg" alt=""></li>
            <li><img src="./imgs/logo13_13.jpg" alt=""></li>
            <li><img src="./imgs/logo13_14.jpg" alt=""></li>
            <li><img src="./imgs/logo13_15.jpg" alt=""></li>
            <li><img src="./imgs/logo13_16.jpg" alt=""></li>
            <li><img src="./imgs/logo13_17.jpg" alt=""></li>
        </ul>
    </div>
        </div>
    <!-- 服装区域结束 -->
    
    <!-- 户外区域 -->
   <div class="clothing wraper clearfix floor">
    <!-- 最上面 -->
    <div class="clothing1 clearfix">
        <span class="span1">服装</span>
        <p class="fr clothing1_p">
            <span class="active">女装内衣</span>
            <span>热销男装</span>
            <span>精品鞋靴</span>
        </p>
    </div>
    <!-- 中间 -->
    <div class="clothing_big clearfix">
        <div class="clothing2 fl">
            <img src="./imgs/index7_17.jpg" alt="">
            <p>中小学教辅 &emsp;外语 &emsp;&emsp;考试</p>
            <p>中小学教辅 &emsp;外语 &emsp;&emsp;考试</p>
            <p>中小学教辅 &emsp;外语 &emsp;&emsp;考试</p>
            <p>中小学教辅 &emsp;外语 &emsp;&emsp;考试</p>
        </div>
        <div class="clothing3 fl">
            <div>
                <!--轮播开始-->
                <div class="pptbox fl" id="ebook_slider" >
                    <!--轮播的内容-->
                    <ul class="innerwrapper">
                    <li>
                        <img src="imgs/banner1.jpg" />
                    </li>
                    <li>
                        <a href="#"></a><img src="imgs/banner2.jpg" /></a>
                    </li>
                    <li>
                        <a href="#"><img src="imgs/banner3.jpg" /></a>
                    </li>
                    <li>
                        <a href="#"><img src="imgs/banner4.jpg" /></a>
                    </li>
                    
                    </ul>
                    <!--数字控制器-->
                    <ul class="controls" id="my_num_controls">
                        <li class="current">1</li>
                        <li>2</li>
                        <li>3</li>
                        <li>4</li>
                        
                    </ul>
                    <!--按钮控制器-->
                    <span class="btnleft"></span>
                    <span class="btnright"></span>
                </div>
                
                <!--轮播结束-->
            </div>
            <img src="./imgs/index11_08.jpg" alt="">
        </div>
        <div class="clothing4 fl">
            <ul class="clearfix">
                <li><img src="./imgs/index12_05.jpg" alt=""></li>
                <li><img src="./imgs/index12_05.jpg" alt=""></li>
                <li><img src="./imgs/index12_05.jpg" alt=""></li> 
            </ul>
        </div>
    </div>
     <!-- 最下面 -->
    <div class="clothing_small clearfix">
        <ul>
            <li><img src="./imgs/index15_13.jpg" alt=""></li>
            <li><img src="./imgs/index15_14.jpg" alt=""></li>
            <li><img src="./imgs/logo13_11.jpg" alt=""></li>
            <li><img src="./imgs/logo13_12.jpg" alt=""></li>
            <li><img src="./imgs/logo13_13.jpg" alt=""></li>
            <li><img src="./imgs/logo13_14.jpg" alt=""></li>
            <li><img src="./imgs/logo13_15.jpg" alt=""></li>
            <li><img src="./imgs/logo13_16.jpg" alt=""></li>
            <li><img src="./imgs/logo13_17.jpg" alt=""></li>
        </ul>
    </div>
        </div>
    <!-- 户外区域结束 -->

    <!-- 童装区域 -->
   <div class="clothing wraper clearfix floor">
    <!-- 最上面 -->
    <div class="clothing1 clearfix">
        <span class="span1">服装</span>
        <p class="fr clothing1_p">
            <span class="active">女装内衣</span>
            <span>热销男装</span>
            <span>精品鞋靴</span>
        </p>
    </div>
    <!-- 中间 -->
    <div class="clothing_big clearfix">
        <div class="clothing2 fl">
            <img src="./imgs/index7_17.jpg" alt="">
            <p>中小学教辅 &emsp;外语 &emsp;&emsp;考试</p>
            <p>中小学教辅 &emsp;外语 &emsp;&emsp;考试</p>
            <p>中小学教辅 &emsp;外语 &emsp;&emsp;考试</p>
            <p>中小学教辅 &emsp;外语 &emsp;&emsp;考试</p>
        </div>
        <div class="clothing3 fl">
            <div>
                <!--轮播开始-->
                <div class="pptbox fl" id="ebook_slider" >
                    <!--轮播的内容-->
                    <ul class="innerwrapper">
                    <li>
                        <img src="imgs/banner1.jpg" />
                    </li>
                    <li>
                        <a href="#"></a><img src="imgs/banner2.jpg" /></a>
                    </li>
                    <li>
                        <a href="#"><img src="imgs/banner3.jpg" /></a>
                    </li>
                    <li>
                        <a href="#"><img src="imgs/banner4.jpg" /></a>
                    </li>
                    
                    </ul>
                    <!--数字控制器-->
                    <ul class="controls" id="my_num_controls">
                        <li class="current">1</li>
                        <li>2</li>
                        <li>3</li>
                        <li>4</li>
                        
                    </ul>
                    <!--按钮控制器-->
                    <span class="btnleft"></span>
                    <span class="btnright"></span>
                </div>
                
            </div>
            <img src="./imgs/index11_08.jpg" alt="">
        </div>
        <div class="clothing4 fl">
            <ul class="clearfix">
                <li><img src="./imgs/index12_05.jpg" alt=""></li>
                <li><img src="./imgs/index12_05.jpg" alt=""></li>
                <li><img src="./imgs/index12_05.jpg" alt=""></li> 
            </ul>
        </div>
    </div>
     <!-- 最下面 -->
    <div class="clothing_small clearfix">
        <ul>
            <li><img src="./imgs/index15_13.jpg" alt=""></li>
            <li><img src="./imgs/index15_14.jpg" alt=""></li>
            <li><img src="./imgs/logo13_11.jpg" alt=""></li>
            <li><img src="./imgs/logo13_12.jpg" alt=""></li>
            <li><img src="./imgs/logo13_13.jpg" alt=""></li>
            <li><img src="./imgs/logo13_14.jpg" alt=""></li>
            <li><img src="./imgs/logo13_15.jpg" alt=""></li>
            <li><img src="./imgs/logo13_16.jpg" alt=""></li>
            <li><img src="./imgs/logo13_17.jpg" alt=""></li>
        </ul>
    </div>
        </div>
    <!-- 童装区域结束 -->
    
    <!-- 家居日用开始 -->
    <div class="home wraper clearfix floor">
        <div class="home_top">
            <span>家居日用</span>
        </div>
        <div class="home_big clearfix">
            <div class="home1 fl">
                <img src="./imgs/index21_05.jpg" alt="">
            </div>
            <div class="home2 fl">
                    <ul class="s1 clearfix">
                        <li><img src="./imgs/index22_05.jpg" alt=""></li>
                        <li><img src="./imgs/index22_05.jpg" alt=""></li>
                        <li><img src="./imgs/index22_05.jpg" alt=""></li>
                        <li class="li1"><img src="./imgs/index22_05.jpg" alt=""></li>
                    </ul>
                    <ul class="s2 clearfix">
                        <li><img src="./imgs/index23_08.jpg" alt=""></li>
                        <li><img src="./imgs/index23_08.jpg" alt=""></li>
                        <li><img src="./imgs/index23_08.jpg" alt=""></li>
                        <li><img src="./imgs/index23_08.jpg" alt=""></li>
                    </ul>
            </div>
        </div>
    </div>
    <!-- 家居日用结束 -->

    <!-- 服装推广品开始 -->
    <div class="extend wraper clearfix">
        <!-- 上面 -->
        <div class="extend_top clearfix">
            <span class="span1 fl">服装</span>
            <p class="fr">
                <span></span>
                <span></span>
            </p>
        </div>
        <!-- 下面 -->
        <div class="extend_down ">
            <ul>
                <li>
                    <img src="./imgs/index25_12.jpg" alt="" class="img1">
                    <p class="p1">
                        Pigeon法国制奶嘴，无
                        毒天然乳胶
                    </p>
                    <p class="p2">
                        ¥:189
                    </p>
                    <div class="div1 clearfix">
                        <img src="./imgs/index27_14.jpg" alt="" class="fl">
                       <p class="p3 fl">
                            已有988条评价
                        </p>
                    </div>
                </li>
                <li>
                    <img src="./imgs/index25_12.jpg" alt="" class="img1">
                    <p class="p1">
                        Pigeon法国制奶嘴，无
                        毒天然乳胶
                    </p>
                    <p class="p2">
                        ¥:189
                    </p>
                    <div class="div1 clearfix">
                        <img src="./imgs/index27_14.jpg" alt="" class="fl">
                       <p class="p3 fl">
                            已有988条评价
                        </p>
                    </div>
                </li>
                <li>
                    <img src="./imgs/index25_12.jpg" alt="" class="img1">
                    <p class="p1">
                        Pigeon法国制奶嘴，无
                        毒天然乳胶
                    </p>
                    <p class="p2">
                        ¥:189
                    </p>
                    <div class="div1 clearfix">
                        <img src="./imgs/index27_14.jpg" alt="" class="fl">
                       <p class="p3 fl">
                            已有988条评价
                        </p>
                    </div>
                </li>
                <li>
                    <img src="./imgs/index25_12.jpg" alt="" class="img1">
                    <p class="p1">
                        Pigeon法国制奶嘴，无
                        毒天然乳胶
                    </p>
                    <p class="p2">
                        ¥:189
                    </p>
                    <div class="div1 clearfix">
                        <img src="./imgs/index27_14.jpg" alt="" class="fl">
                       <p class="p3 fl">
                            已有988条评价
                        </p>
                    </div>
                </li>
                <li>
                    <img src="./imgs/index25_12.jpg" alt="" class="img1">
                    <p class="p1">
                        Pigeon法国制奶嘴，无
                        毒天然乳胶
                    </p>
                    <p class="p2">
                        ¥:189
                    </p>
                    <div class="div1 clearfix">
                        <img src="./imgs/index27_14.jpg" alt="" class="fl">
                       <p class="p3 fl">
                            已有988条评价
                        </p>
                    </div>
                </li>
                <li>
                    <img src="./imgs/index25_12.jpg" alt="" class="img1">
                    <p class="p1">
                        Pigeon法国制奶嘴，无
                        毒天然乳胶
                    </p>
                    <p class="p2">
                        ¥:189
                    </p>
                    <div class="div1 clearfix">
                        <img src="./imgs/index27_14.jpg" alt="" class="fl">
                       <p class="p3 fl">
                            已有988条评价
                        </p>
                    </div>
                </li>
                <li>
                    <img src="./imgs/index25_12.jpg" alt="" class="img1">
                    <p class="p1">
                        Pigeon法国制奶嘴，无
                        毒天然乳胶
                    </p>
                    <p class="p2">
                        ¥:189
                    </p>
                    <div class="div1 clearfix">
                        <img src="./imgs/index27_14.jpg" alt="" class="fl">
                       <p class="p3 fl">
                            已有988条评价
                        </p>
                    </div>
                </li>
                <li>
                    <img src="./imgs/index25_12.jpg" alt="" class="img1">
                    <p class="p1">
                        Pigeon法国制奶嘴，无
                        毒天然乳胶
                    </p>
                    <p class="p2">
                        ¥:189
                    </p>
                    <div class="div1 clearfix">
                        <img src="./imgs/index27_14.jpg" alt="" class="fl">
                       <p class="p3 fl">
                            已有988条评价
                        </p>
                    </div>
                </li>
                <li>
                    <img src="./imgs/index25_12.jpg" alt="" class="img1">
                    <p class="p1">
                        Pigeon法国制奶嘴，无
                        毒天然乳胶
                    </p>
                    <p class="p2">
                        ¥:189
                    </p>
                    <div class="div1 clearfix">
                        <img src="./imgs/index27_14.jpg" alt="" class="fl">
                       <p class="p3 fl">
                            已有988条评价
                        </p>
                    </div>
                </li>
                <li>
                    <img src="./imgs/index25_12.jpg" alt="" class="img1">
                    <p class="p1">
                        Pigeon法国制奶嘴，无
                        毒天然乳胶
                    </p>
                    <p class="p2">
                        ¥:189
                    </p>
                    <div class="div1 clearfix">
                        <img src="./imgs/index27_14.jpg" alt="" class="fl">
                       <p class="p3 fl">
                            已有988条评价
                        </p>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!-- 服装推广结束 -->

     <!-- 楼层滚动区域 -->
     <div id="floorBox">
        <ul>
            <li class="fbg01" ><span>图书</span></li>
            <li class="fbg02" ><span>服装</span></li>
            <li class="fbg03" ><span>运动</span></li>
            <li class="fbg04" ><span>童装</span></li>
            <li class="fbg05"><span>家居</span></li>
        </ul>
     </div>
     
    <!-- 固定头部功能 -->
    <div class="topScroll">
            <script>
                $(".head .each ").clone().appendTo(".topScroll")
            </script> 
    </div>
    <!-- 页脚开始 -->
        <div class="footer_">
            <div class="footer">
                <div class="footer_top">
                    <span class=" figure">
                        <img src="./imgs/222_11.png" alt="">
                    </span>
                    <span class=" figure">
                        <img src="./imgs/222_13.png" alt="">
                    </span>
                    <span class=" figure">
                        <img src="./imgs/222_15.png" alt="">
                    </span>
                    <span class=" figure">
                        <img src="./imgs/222_17.png" alt="">
                    </span>
                </div>
            </div>
            <div class="footer_content">
                <div class="clearfix zn">
                    <div class="fingerpost">
                        <h1><a href="#">购物指南</a></h1>
                        <p><a href="#">购物流程</a></p>
                        <p><a href="#">发票制度</a></p>
                        <p><a href="#">账户管理</a></p>
                        <p><a href="#">会员优惠</a></p>
                    </div>
                    <div  class="fingerpost">
                        <h1><a href="#">购物指南</a></h1>
                        <p><a href="#">购物流程</a></p>
                        <p><a href="#">发票制度</a></p>
                        <p><a href="#">账户管理</a></p>
                        <p><a href="#">会员优惠</a></p>
                    </div>
                    <div  class="fingerpost">
                        <h1><a href="#">购物指南</a></h1>
                        <p><a href="#">购物流程</a></p>
                        <p><a href="#">发票制度</a></p>
                        <p><a href="#">账户管理</a></p>
                        <p><a href="#">会员优惠</a></p>
                    </div>
                    <div  class="fingerpost">
                        <h1><a href="#">购物指南</a></h1>
                        <p><a href="#">购物流程</a></p>
                        <p><a href="#">发票制度</a></p>
                        <p><a href="#">账户管理</a></p>
                        <p><a href="#">会员优惠</a></p>
                    </div>
                    <div  class="fingerpost">
                        <h1><a href="#">购物指南</a></h1>
                        <p><a href="#">购物流程</a></p>
                        <p><a href="#">发票制度</a></p>
                        <p><a href="#">账户管理</a></p>
                    </div>
                    <img src="./imgs/logo_00.png" alt="" class="legou">
                </div>
                <div class="footer_bottom clearfix">
                    <p>公司简介</p>
                    <p>|</p>
                    <p>Investor Relations</p>
                    <p>|</p>
                    <p>网站联盟</p>
                    <p>|</p>
                    <p>乐购招商</p>
                    <p>|</p>
                    <p>机构销售</p>
                    <p>|</p>
                    <p>手机乐购</p>
                    <p>|</p>
                    <p>官方Blog</p>
                    <p>|</p>
                    <p>热词搜索</p>
                </div>
                <p class="wenzi">Copyright (C) 乐购网 2004-2016, All Rights Reserved</p>
            </div>
        </div>
    <!-- 页脚结束 -->
    <script src="./lib/jquery.js"></script>
    <script src="./lib/slider.js"></script>
      <script src="./js/index.js"></script>
</body>
</html>